<script setup>
import { CONFIG } from "~/lib/config"

useHead({
  titleTemplate: "%s %separator %siteName",
  templateParams: {
    separator: "|", // choose a separator, i like using this one
    siteName: CONFIG.siteName, // set a site name
  },
})
</script>

<template>
  <div class="flex flex-col min-h-screen">
    <div class="container flex py-1 px-2 justify-between border-b items-center">
      <SiteLogo :showTitle="false" :logoSize="8" />
      <div class="inline-flex space-x-2">
        <ColorMode/>
        <LocaleMenu/>
        <ProfileMenu />
      </div>
    </div>
    <slot />
  </div>
</template>